.want-to-buy-container{
  padding-top: 20rpx;
  position: relative;

  .avatar{
    width: 88rpx;
    height: 88rpx;
    border-radius: 44rpx;
    border: 2rpx solid #FFF;
    overflow: hidden;
  }
  .attention-btn{
    color: #FF759F;
    font-size: 28rpx;
    text-align: center;
    width: 180rpx;
    line-height: 64rpx;
    background:#fff;
    border-radius: 32rpx;
    border: 1px solid #FF759F;
  }

  .article-item{
    padding: 24rpx;
    background: #fff;
    border-radius: 20rpx;
    margin-bottom: 132rpx;
    .user{
      @include flex;
      @include a-center;

      .sub-item{
        @include sub-item;
        margin-left: 20rpx;
        .nickname{
          @include text-ellipsis;
        }
      }
    }
    .content{
      padding: 24rpx;
      .resource{
        margin-top: 18rpx;
      }

      .resource-item{
        width: 180rpx;
        height: 180rpx;
        display: inline-block;
        border: 1px solid #f2f2f2;
        margin-right: 10rpx;
      }
    }
  }
  .goods{
    padding: 0 20rpx;
    border-radius: 10rpx;
    background: #F5F5F5;
    .goods-item{
      @include flex;
      @include a-center;
      height: 140rpx;
      border-bottom: 1px solid #d9d9d9;
      
      .goods-image{
        width: 100rpx;
        height: 100rpx;
      }
      .goods-detail{
        @include sub-item;
        margin-left: 20rpx;
        .goods-name{
          @include text-ellipsis-line;
          height: 76rpx;
        }
        .goods-price{
          color: #FF3939;
          font-size: 22rpx;
        }
      }

      &:last-child{
        border-bottom: 0;
      }
    }
  }
  .num-detail{
    @include flex;
    @include j-between;
    color: #333;
    font-size: 22rpx;
    padding-top: 20rpx;
    .num-item{
      @include flex;
      @include a-center;

      image{
        width: 30rpx;
        height: 30rpx;
        display: block;
        margin-right: 8rpx;
      }
    }
  }

  .empty-state{
    width: 60%;
    margin: 0 auto;
    padding: 100rpx 0;
  }

  .download-block{
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background: #FFF;
    position: fixed;
    image{
      display: block;
    }
  }
}